<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <!-- <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
    <script type="text/javascript" src="../js/jquery-3.6.0.js"></script>
    <script type="text/javascript" src="../js/login.js"></script>


</head>

<body>
    <div id="loginform">
        <h1> login form</h1>
        <form id="login-form" action="" method="POST">
            <input id="loginUsername" type="text" name="username" placeholder="Username" />
            <p id='usernameNotice' style="color: red; font-size: 10px;"></p>
            <input id="loginPassword" type="password" name="password" placeholder="Password" />
            <p id='passwordNotice' style="color: red; font-size: 10px;"> </p>
            <p class="forgot"><a id="iforget" href="#">Forgot your password?</a></p>
            <br>
            <input type="button" value="SignIn" id="loginButton" onclick="login()">
        </form>
    </div>

</body>

</html>